<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title><?php echo $title;?></title>
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>admin/login/css/style.css" />
        <style type="text/css">
            #msg_wrapper{
                width: 300px;margin: 10px auto 0px;display: none;font-size: small;
                padding: 5px;position: relative;background: #fff;border-radius: 4px;overflow-y: auto;
            }
            #msg_wrapper img{height: 15px;float: left;}
            #msg{float: left;}
        </style>
        <script src="<?php echo base_url();?>admin/login/js/jquery.min.js"></script>
        <script src="<?php echo base_url();?>admin/login/js/login.js"></script>
        <script src="<?php echo base_url();?>admin/login/js/modernizr.custom.63321.js"></script>
        <!--[if lte IE 7]><style>.main{display:none;} .support-note .note-ie{display:block;}</style><![endif]-->
    </head>
    
    <body>
        <div class="container">
            <header>
                <img src="<?php echo base_url()?>assets/images/logo_IPPI_small.png" alt="logo IPPI" title="IPPI" style="width: 100px;" />
                <h1><strong>I P P I</strong> Admin Page</h1>
                <h2>Ikatan Perempuan Positif Indonesia</h2>
                <div class="support-note">
                    <span class="note-ie">Sorry, only modern browsers.</span>
                </div>
            </header>
            <section class="main">
                <div id="msg_wrapper" <?php
                if(isset($msg)){
                    echo "style='display:block;'";
                }
                ?>>
                    <img src="<?php echo base_url();?>admin/login/images/error.png" />  
                    <div id="msg">
                        <?php
                        if(isset($msg)){
                            echo $msg;
                        }
                        ?>
                    </div>
                </div>
                
                <form class="form-1" method="POST" action="<?php echo base_url()?>admin_ippi/login">
                    <p class="field">
                        <input type="text" id="username" name="username" placeholder="Username" /><i class="icon-user icon-large"></i>
                    </p>
                    <p class="field">
                        <input type="password" id="pass" name="password" placeholder="Password" /><i class="icon-lock icon-large"></i>
                    </p>
                    <p class="submit">
                        <button type="submit" name="submit"><i class="icon-arrow-right icon-large"></i></button>
                    </p>
                </form>
            </section>
        </div>
        <?php
        // put your code here
        ?>
    </body>
</html>
